﻿@import "../_theme.scss";
body {
    background: $ClrThemeBk;
}

[v-cloak] {
    display: none;
}
.tit {
    font-size: 1.8rem;
    text-align: center;
    color: $ClrThemeHotTxt;
    padding: 2rem;
}
.code {
    height: 28rem;
    width: 28rem;
    margin: 0 auto;
    font-size: 1rem;
    color: $ClrThemeHotTxt;
    background-size: 28rem 28rem;
    background-image: url(/ui/imgs/loading-9.gif);
}
.tip, .fail, .success {
    background: #232323;
    margin: 0 auto;
    width: 20rem;
    border-radius: 3rem;
    height: 5rem;
    font-size: 1rem;
    color: $ClrThemeHotTxt;
}
.tit_tip {
    text-align: center;
    margin-top: 2rem;
    padding-top: 0.5rem;
    color: $ClrTheme;
    font-size: 1.5rem;
}
.tip_bind {
    text-align: center;
    padding-top: 0.5rem;
    font-size:0.8rem;
}
.fail, .success {
    margin-top: 3rem;
    overflow: hidden;

    & > div {
        float: left;
        padding-top: 0.5rem;
    }
}
.fail-icon {
    display: inline-block;
    font-size: 3rem;
    float: left;
    padding: 1rem;
    color: $ClrErr;
}
.success-icon {
    display: inline-block;
    font-size: 2rem;
    float: left;
    padding: 1rem;
    color: $ClrOk;
}
.fail-tit, .success-tit {
    font-size: 1.5rem;
}
.success-oper-tip, .fail-oper-tip {
    margin-top: 0.5rem;
}